<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Calendar test</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="calendar.css" />

<script type="text/javascript" src="../../os3jslib/liwe.js"></script>
<script type="text/javascript" src="../../os3jslib/types.js"></script>
<script type="text/javascript" src="../../os3jslib/object_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/string_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/date_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/event_manager.js"></script>
<script type="text/javascript" src="../../os3jslib/dom.js"></script>
<script type="text/javascript" src="../../os3jslib/form.js"></script>
<script type="text/javascript" src="../wwl.js"></script>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="form.calendar.js"></script>

<style>
body {
	font-size: 20px;
	font-family: arial, verdana, sans-serif;
}
#cal2 {
	margin-left: 50px;
}
</style>

<script type="text/javascript">
var cal, cal2,cal3, frm;
function init ()
{
	cal = new WWL.calendar5 ( 'cal1', { 'popup' : true } );
	cal.render ( 'cal1' );

	cal2 = new WWL.calendar5 ( 'cal2', { 'time' : false } );
	cal2.render ( 'cal2' );

	cal3 = new WWL.calendar5 ( 'cal3', { 'time' : false, 'popup' : true } );
	cal3.render ( 'cal3' );

	frm = new liwe.form.instance ( 'frm', '(action)' );
	frm.text ( { 'label' : 'Text 1', 'name' : 'txt1' } );
	frm.calendar5 ( { 'label' : 'Calendar', 'name' : 'cal1' } );
	frm.text ( { 'label' : 'Text 2', 'name' : 'txt2' } );
	frm.set ( 'frm' );
}

</script>
</head>
<body onload="init()">
<div id="cal1"></div>
<div id="cal2"></div>
<div id="cal3"></div>
<div id="frm"></div>

</body>
</html>
